<template>
    <div id="webgl-output">
        
    </div>
</template>

<script setup lang="ts">
import { onMounted } from "vue";
import ModelCommon from "./utils/model-common";
import ModelLoader from "./utils/model-loader";

onMounted(() => {
    const ml = new ModelLoader();
    const mc = new ModelCommon("webgl-output");
    ml.loadModel("/scene.gltf").then(gltf=>{
        mc.group.add(gltf);
    })
    console.log(mc, ml, "mc");
})
</script>

<style scoped lang="scss">
#webgl-output {
    width: 100%;
    height: 100%;
    // border: 1px solid;
}
</style>
